<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>show</title>
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/bootstrap.min.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/nprogress.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/style.css}">
		<link rel="stylesheet" type="text/css" th:href="@{/chat/css/font-awesome.min.css}">
		<link rel="apple-touch-icon-precomposed" th:href="@{/chat/images/icon.png}">
		<link rel="shortcut icon" th:href="@{/chat/images/favicon.ico}">
		<script th:src="@{/chat/js/jquery-2.1.4.min.js}"></script>
		<script th:src="@{/chat/js/nprogress.js}"></script>
		<script th:src="@{/chat/js/jquery.lazyload.min.js}"></script>
		<!--[if gte IE 9]>
		<script th:src="@{/chat/js/jquery-1.11.1.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/html5shiv.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/respond.min.js}" type="text/javascript"></script>
		<script th:src="@{/chat/js/selectivizr-min.js}" type="text/javascript"></script>
		<![endif]-->
		<!--[if lt IE 9]>
		<script>window.location.href='upgrade-browser.html';</script>
<![endif]-->

	<body class="user-select single">
	<header class="header">
		<nav class="navbar navbar-default" id="navbar">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar" aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
					<h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img th:src="@{/chat/images/201610171329086541.png}" alt="木庄网络博客"></a></h1>
				</div>
				<div class="collapse navbar-collapse" id="header-navbar">
					<form class="navbar-form visible-xs" action="/Search" method="post">
						<div class="input-group">
							<input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20" autocomplete="off">
							<span class="input-group-btn">
		<button class="btn btn-default btn-search" name="search" type="submit">搜索</button>
		</span> </div>
					</form>
					<ul class="nav navbar-nav navbar-right">
						<li>
							<a data-cont="首页" title="首页" th:href="@{/chathome}">首页</a>
						</li>
						<li>
							<a data-cont="全部chat" title="全部chat" th:href="@{/list}">全部chat</a>
						</li>
						<li>
							<a data-cont="我要发布" title="我要发布" th:href="@{/createchat}">我要发布</a>
						</li>
						<li>
							<a data-cont="我要写作" title="我要写作" th:href="@{/chatlist}">我要写作</a>
						</li>
						<li>
							<a data-cont="我的订购" title="我的订购" th:href="@{/chatreservelist}">我的订购</a>
						</li>
						<li>
							<a data-cont="我的交流" title="我的交流" th:href="@{/chateassylist}">我的交流</a>
						</li>
						<li>
							<a href="javascript:;">小明</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
	</header>
		<section class="container">
			<div class="content-wrap">
				<div class="content" th:each="chat:${chat}">
					<header class="article-header">
						<h1 class="article-title"><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" th:text="${chat.name}">用DTcms做一个独立博客网站（响应式模板）</a></h1>
						<div class="article-meta"> <span class="item article-meta-time">
	  						<time class="time" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="发表时间：2016-10-14" th:text="${#dates.format(chat.createtime, 'yyyy-MM-dd hh:mm:ss')}"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time>
	  						</span><span class="item article-meta-views" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="浏览量：219" th:text="browse"><i class="glyphicon glyphicon-eye-open"></i> 219</span> <span class="item article-meta-comment" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="评论量"><i class="glyphicon glyphicon-comment"></i> 4</span> </div>
					</header>
					<article class="article-content" >
						<p><img data-original="images/201610181557196870.jpg" src="images/201610181557196870.jpg" alt="" /></p>
						<p>个人简介：</p>
						<pre class="prettyprint lang-cs">
						<a href="#" th:text="${name}">yonghuming</a>
						<p th:text="${chat.userbrief}">用户基本信息</p>
						</pre>
						<p>文章信息：</p>
						<pre class="prettyprint lang-cs"><p th:text="${chat.brief}"></p></pre>
						<div style="text-align:center;margin:20px;"><a href="#" th:href="@{/chatreserve(id=${chat.id})}"><button id="web_post_activity_form" style="width:200px;font-size:16px;" class="btn btn-primary" th:text="${money}" th:disabled="${button}">?</button></a></div>
					</article>
					</div>
				</div>
			</div>
			<aside class="sidebar">
				<div class="fixed">
					<div class="widget widget-tabs">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#notice" aria-controls="notice" role="tab" data-toggle="tab" draggable="false">统计信息</a>
							</li>
							<li role="presentation">
								<a href="#contact" aria-controls="contact" role="tab" data-toggle="tab" draggable="false">联系站长</a>
							</li>
						</ul>
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane contact active" id="notice">
								<h2>日志总数:
			  888篇
		  </h2>
								<h2>网站运行:
		  <span id="sitetime">88天 </span></h2>
							</div>
							<div role="tabpanel" class="tab-pane contact" id="contact">
								<h2>QQ:
			  <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title="" draggable="false" data-original-title="QQ:577211782">577211782</a>
		  </h2>
								<h2>Email:
		  <a href="mailto:577211782@qq.com" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom" title="" draggable="false" data-original-title="Email:577211782@qq.com">577211782@qq.com</a></h2>
							</div>
						</div>
					</div>
				</div>
				<div class="widget widget_hot">
					<h3>最新评论文章</h3>
					<tr th:each="chat:${newlist}">
						<ul>
							<li>
								<a th:href="@{/chatinfo(id=${chat.id})}" title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail">
				<img th:href="@{/chatinfo(id=${chat.id})}" class="thumb" th:src="@{'image/'+${chat.pichat}}" src="chat/images/201610181739277776.jpg" alt="用DTcms做一个独立博客网站（响应式模板）"  style="display: block;">
			</span><span class="text" th:text="${chat.name}">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted" th:text="${#dates.format(chat.createtime, 'yyyy-MM-dd hh:mm:ss')}"><i class="glyphicon glyphicon-time"></i>
				2016-11-01
			</span><span class="muted"><i class="glyphicon glyphicon-eye-open" th:text="${chat.browse}"></i></span></a>
							</li>
						</ul>
					</tr>
				</div>
			</aside>
		</section>
	<footer class="footer">
		<div class="container">
			<p>Copyright &copy; 2016.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a> </p>
		</div>
		<div id="gotop"><a class="gotop"></a></div>
	</footer>
	<script src="chat/js/bootstrap.min.js"></script>
	<script src="chat/js/jquery.ias.js"></script>
	<script src="chat/js/scripts.js"></script>
	</head>
	</body>

</html>